
html, body {
    background: none repeat scroll 0 0 #D9E3CB;
    margin: 0;
    padding: 0;
}
body, td, th, pre, code, select, option, input, textarea {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 10pt;
}
#dhead {
    background: url("logo.png") no-repeat scroll center center #000000;
    border-bottom: 10px solid #73796B;
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 18pt;
    line-height: 80px;
    margin: 0 0 0.5em -10px;
    padding: 0;
    text-align: center;
    text-indent: -2000px;
    width: 820px;
}
h1 {
    font-family: Georgia;
    font-size: 14pt;
    margin: 0 0 1em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
h2 {
    background: none repeat scroll 0 0 #C0C0C0;
    border-radius: 5px;
    clear: both;
    color: #FFFFFF;
    font-family: Georgia;
    font-size: 12pt;
    margin: 0.5em 0;
    padding: 0.5em 0 0.5em 20px;
    text-shadow: 1px 1px 2px #808080;
}
h3 {
    clear: both;
    color: #808080;
    font-family: Georgia;
    font-size: 11.5pt;
    margin: 0;
    padding: 0.5em 0;
}
p {
    line-height: 1.8em;
    margin: 0;
    padding: 0 0 0.5em;
}
p.meta {
    color: #808080;
    font-size: 9pt;
    margin-top: -5px;
}
.arguments .tp, p code {
    color: #008000;
    font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
    font-size: 13px;
    font-style: normal !important;
    font-weight: normal !important;
    padding: 0 4px;
}
#description, .panel {
    margin: 0 20px;
}
#container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px;
    margin: 10px auto;
    overflow: hidden;
    padding: 0 10px 10px;
    width: 800px;
}
.demo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #808080;
    float: left;
    margin: 0;
    overflow: auto;
    width: 255px;
}
.code {
    border: 1px solid #808080;
    float: right;
    font-size: 12px;
    margin: 0 0 10px;
    width: 490px;
}
pre {
    display: block;
}
.code_f {
    border: 1px solid #808080;
    margin-bottom: 1em;
}
.syntaxhighlighter {
    line-height: 18px;
    margin: 0 !important;
    padding: 0 !important;
}
.log {
    border: 1px solid #808080;
    margin-bottom: 1em;
    padding: 4px;
}
.button {
    display: block;
    margin-bottom: 0.5em;
}
.arguments {
    list-style-type: none;
    margin: 0 1em;
    padding: 0;
}
.arguments .tp {
    float: left;
    padding: 0;
    width: 70px;
}
.arguments strong {
    display: block;
}
.api h3 {
    border-top: 1px solid;
    color: #000000;
    font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
    font-size: 14px;
    font-weight: normal !important;
    margin-left: -10px;
    margin-top: 2em;
    width: 780px;
}
.api .arguments li strong {
    color: #000000;
    font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
    font-size: 13px;
    font-weight: normal !important;
}
.configuration h3 {
    border-top: 1px solid;
    color: #000000;
    font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important;
    font-size: 14px;
    font-weight: normal !important;
    margin-left: -10px;
    margin-top: 2em;
    width: 780px;
}
.note {
    background: none repeat scroll 0 0 #FFFFEE;
    border: 1px solid #333333;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 15px;
    padding: 10px 20px;
    text-align: center;
}
.plugins, .demos {
    margin: 0 auto 20px;
}
ul.columns {
    list-style-type: none;
    margin: 0 auto 15px;
    overflow: hidden;
    padding: 0;
    width: 700px;
}
ul.columns li {
    float: left;
    line-height: 18px;
    margin: 0;
    padding: 0;
    width: 345px;
}
ul.demos li, ul.plugins li {
    padding: 5px 0;
    text-align: left;
    width: 220px;
}
ul.demos li a, ul.plugins li a {
    color: #3B5998;
    text-decoration: none;
}
ul.demos li a:hover, ul.plugins li a:hover {
    text-decoration: underline;
}
ul.plugins li p {
    color: #333333;
    font-size: 9px;
    margin: 0 5px 0 0;
    text-align: left;
}
ul.demos li {
    width: auto;
}
.demo, .demo input, .jstree-dnd-helper, #vakata-contextmenu {
    font-family: Verdana;
    font-size: 10px;
}
#demo_body .demo, #demo_body .code {
    clear: both;
    float: none;
    margin: 10px auto;
    width: auto;
}
#demo_body .code {
    margin-bottom: 20px;
}
ul.jstree {
    margin: 0 auto 15px;
    padding: 0;
    width: 700px;
}
ul.jstree li {
    margin: 0;
    padding: 2px 0;
}
ul.jstree li a {
    color: #3B5998;
    text-decoration: underline;
}
